// src/pages/Tong.jsx
import React from 'react';
import { NavBar, Card, Empty } from 'antd-mobile';
import { motion } from 'framer-motion';
import { fadeIn } from '../styles/animations';
import SwipeCard from '../components/SwipeCard';
import { getIsLock } from '../utils/storage';

const Tong = () => {
  const isLocked = getIsLock();

  return (
    <motion.div 
      className="min-h-screen flex flex-col bg-gray-50"
      initial="hidden"
      animate="visible"
      exit="exit"
      variants={fadeIn}
    >
      {/* <NavBar back={null} className="bg-white">通感</NavBar> */}
      
      <div className="flex-grow p-4">    
        {isLocked ? (
          <SwipeCard />
        ) : (
          <div className="text-center">
            <p>您需要成为会员才能使用此功能。</p>
          </div>
        )}
      </div>
    </motion.div>
  );
};

export default Tong;